<template>
  <detailSlot>
    <videoSlot>
      <video
        controls
        poster="//miva-unmcc.oss-cn-beijing.aliyuncs.com/%5B%E9%81%93%E5%88%A5%E7%9A%84%E6%97%A9%E6%99%A8%E5%B0%B1%E7%94%A8%E7%B4%84%E5%AE%9A%E4%B9%8B%E8%8A%B1%E9%BB%9E%E7%B6%B4%E5%90%A7_MAQUIA%20WHEN%20THE%20PROMISED%20FLOWER%20BLOOMS%5D%5BMovie%5D%5BBDrip_1080P%5D%5Bx264_AAC%5D%5BCHT%5D.mp4?x-oss-process=video/snapshot,t_6482000,f_jpg,w_1920,h_1080"
        src="//miva-unmcc.oss-cn-beijing.aliyuncs.com/%5B%E9%81%93%E5%88%A5%E7%9A%84%E6%97%A9%E6%99%A8%E5%B0%B1%E7%94%A8%E7%B4%84%E5%AE%9A%E4%B9%8B%E8%8A%B1%E9%BB%9E%E7%B6%B4%E5%90%A7_MAQUIA%20WHEN%20THE%20PROMISED%20FLOWER%20BLOOMS%5D%5BMovie%5D%5BBDrip_1080P%5D%5Bx264_AAC%5D%5BCHT%5D.mp4"
        width="100%"
      />
    </videoSlot>
    <template #comment>
      <!-- <mivaComment /> -->
    </template>
    <template #recommend>
      <videoCard :key="temp" v-for="temp in 10" />
    </template>
  </detailSlot>
</template>

<script>
import detailSlot from '@/components/detailSlot/index.vue';
import videoSlot from '@/components/videoSlot.vue';
import videoCard from '@/components/videoCard.vue';

export default {
    components: {
        detailSlot,
        videoSlot,
        videoCard,
    },
};
</script>

<style lang="less" scoped>
.i-recommend {
  width: 100%;
  height: 120px;
  border: 1px solid;
}
</style>
